<div class="container-fluid">
    <div class="row">
        <div class="col-md-2">
            <!--Sidebar content-->
            <div class="searchbox form-group">
                <input class="form-control" ng-model="query">
                <button class="btn-search btn-defaultSet glyphicon glyphicon-search"></button>
            </div>
            <div class="sortbox form-group">
                <select class="form-control" ng-model="orderProp">
                    <option value="name">Alphabetical</option>
                    <option value="age">Newest</option>
                </select>
               <!--<div>{{formData}}</div>-->
                <button class="btn-search btn-defaultSet glyphicon glyphicon-align-left"></button>
            </div>
        </div>
        <div class="col-md-10">
            <!--Body content-->
            <ul class="phones">
                <li ng-repeat="phone in phones | filter:query | orderBy:orderProp" class="thumbnail phone-listing">
                    <a href="#/vec/{{phone._id}}">{{phone.name}}</a>
                    <p>{{phone.description}}</p>
                    <div class="operate-box pull-right clearfix">
                        <a ng-click="Edit(phone._id)">Edit</a> &nbsp;|&nbsp;
                        <a ng-click="Delete(phone._id)">Delete</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<button class="btn-add btn-defaultSet" ng-click="Add()">+</button>
<!-- Modal -->
<div class="modal modal-open" ng-show="add">
    <div class="modal-dialog">
        <form class="modal-content" ng-submit="Action(submitButton)">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="Add()"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Add List</h4>
            </div>
            <div class="modal-body">
                    <div class="form-group">
                        <label>Title</label>
                        <input type="text" ng-model="formData.name" class="form-control" placeholder="Title">
                    </div>
                    <div class="form-group">
                        <label>Description</label>
                        <input type="text" ng-model="formData.description" class="form-control" placeholder="Description">
                    </div>
                    <div class="form-group">
                        <label>Content</label>
                        <textarea class="form-control" ng-model="formData.content" id="" cols="30" rows="10"></textarea>
                    </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="Add()">Cancel</button>
                <button type="submit" class="btn btn-primary" ng-modle="submitButton">{{submitButton}}</button>
            </div>
        </form>
    </div>
</div>
<!-- <div class="mask "></div> -->
<div class="{{mask}}"></div>